.anim0{ animation: dz0 .8s linear 1 normal forwards; }
.anim1{ animation: dz1 .8s linear 1 normal forwards; }
.anim2{ animation: dz2 .8s linear 1 normal forwards; }
.anim3{ animation: dz3 1s linear 1 normal forwards; }
.anim4{ animation: dz4 1s linear 1 normal forwards; }
.anim5{ animation: dz5 .6s linear 1 normal forwards; }
.anim6{ animation: dz6 .6s linear 1 normal forwards; }
.anim7{ animation: dz7 .6s linear 1 normal forwards; }
/*.anim99{ animation: dz99 .6s linear 1 normal forwards; }
 .anim5{ animation: dz5 .6s linear 1 normal forwards; }
.anim6{ animation: dz6 .6s linear 1 normal forwards; } */
/* .anim7{ animation: dz7 .6s linear 1 normal forwards; }
.anim8{ animation: dz8 .6s linear 1 normal forwards; } */
/* @keyframes dz1
{
0% {opacity: 0;transform: translate(0, -30%); }
100% {opacity: 1; transform: translate(0, 0%); }
}
@keyframes dz2
{
0% {opacity: 0; transform: translate(0, 100px); }
100% {opacity: 1;transform: translate(0, 0%);  }
} */
.dhxg{ opacity: 0; }
.dhxg2{ opacity: 0; }
.le{float: left; }
.ri{float: right; }
.zlink{height:0;width:0;overflow:hidden;}
@keyframes dz0
{
0% {opacity: 0; }
100% {opacity: 1; }
}
@keyframes dz1
{
0% {opacity: 0;transform: translate(-20%, 0%); }
100% {opacity: 1; transform: translate(0, 0%); }
}
@keyframes dz2
{
0% {opacity: 0;transform: translate(0, 30%); }
100% {opacity: 1; transform: translate(0, 0%); }
}
 @keyframes dz3
{
0% {opacity: 0;transform: translate(0, 30%); }
100% {opacity: 1; transform: translate(0, 0%); }
}
 @keyframes dz4
{
0% {opacity: 0;transform: translate(0, -30%); }
100% {opacity: 1; transform: translate(0, 0%); }
}
/* @keyframes dz5
{
0% {opacity: 0; transform: rotate(-2deg);position: relative; }
100% {opacity: 1; transform: rotate(0);position: relative;  }
}
@keyframes dz
{
0% {opacity: 0;transform: rotate(2deg);position: relative; }
100% {opacity: 1; transform: rotate(0deg);position: relative;  }
}*/

/* @keyframes dz99
{
0% {opacity: 0;transform: rotate(20deg);position: relative; }
100% {opacity: 1; transform: rotate(0deg);position: relative;  }
} */
@keyframes dz5
{
0% {opacity: 0; transform: scale(1.1); }
100% {opacity: 1; transform: scale(1); }
}
@keyframes dz6
{
0% {opacity: 0;transform: scale(.9); }
100% {opacity: 1; transform: scale(1); }
}
@keyframes dz7
{
0% {opacity: 0; transform: translate(-40%, 40%); }
100% {opacity: 1;transform: translate(0, 0%);  }
}
      @media screen and (max-width: 640px) and (min-width: 0px){
         .cen > img:last-child {
        width: 100% !important;
    } 
        .cen > img:first-child {
        width: 50%;
      }
      .cen {
        padding-top: 9% !important;
        margin-bottom: 17% !important;
      }
      h1 {
        margin-bottom: 0% !important;
        font-size: 20px !important;
      }
      .center {
        width: 86% !important;
      }
      .cen2 {
        width: 86% !important;
      }
      .cen2 > p {
        margin-bottom: 7% !important;
      }
      .cen2 > p:first-child {
        font-size: 15px !important;
        margin-top: 10% !important;
      }
      .cen2 > p:nth-child(2) {
        font-size: 15px !important;
      }
      .cen2 > img {
        width: 100%;
        margin-top: 15% !important;
    margin-bottom: 20% !important;
      }
      .cen3 {
        width: 86% !important;

      }
      .cen3 > div>span {

        /* text-align: center; */
        font-size: 20px !important;

        border-radius: 5% !important;
        padding-right: 0% !important;
        padding-left: 0% !important;
      }
      .cen3>div{
          margin-top: 13% !important;
          margin-bottom: 3% !important;
        }
      .cen3 > p {

        font-size: 15px !important;

      }
      .cen4 {

        margin: auto;
        width: 86% !important;
        margin-bottom: 12% !important;
        text-align: center;
      }
      .cen4 > img {
float: none !important;
        padding-right: 4% !important;
        width: 80% !important;
        padding-top: 10% !important;
        text-align: center;
      }
      .cen4 > div {
        width:86% !important;
      }
      .cen4 > div > h2 {

        margin-bottom: 10% !important;
        font-size: 20px !important;
        margin-top: 8% !important;
      }
      .cen4 > div > p {
        font-size: 15px !important;
        text-align: justify;
      }
      .cen5 img {
        width: 15%;
        margin-right: 3% !important;
      }
      .cen5 h1 {
        display: inline-block;
        margin-bottom: 0;
      }
      .cen5 > div {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 10% !important;
      }
      .cen5 {
        margin-top: 10% !important;
        margin-bottom: 5% !important;
      }
      .cen6 > div span {
        font-size: 15px !important;
        padding: 0% 5% !important;
        height: 23px !important;
        display: inline-block;
        width: 45px;
        text-align: center;
        
      }
      .xie{padding-top: 3px !important;}
      .cen6 > div > div:nth-child(2) {

        font-size: 15px !important;
        margin-left: 10%;
        width: 100%;
      }
      
      .cen6 > div > div:nth-child(3) > img {
        width: 100% !important;
        
      }
      /* .cen6>div>div:first-child{background-color: #a9001a;} */
      .cen6>div>div:nth-child(3){width: 50% !important;text-align: right !important;}
      .cen6>div{
        border-top: #d8b057 1px dashed;
          width: 100% !important;
          padding-top: 20px;
          display: flex;
          justify-content: end;
          padding-bottom: 30px;
      }
      .cen66{border-bottom: #d8b057 1px dashed;}
      .cen7>div>img{width: 70%;margin-bottom: 50px;}
      .cen7>div>p:nth-child(2){
        font-size: 20px !important;
      }
      .cen7>div>p:last-child{
          font-size: 10px !important;
          margin-bottom: 14% !important;
      }
      .cen7{margin-top: 4% !important;width: 86% !important;margin: auto;display: flex;}
      /* .cen7>div:first-child{float: left;} */
      .cen8>img{margin-top: 10% !important;}
      .cen8{text-align: center;}
      .cen9{text-align: center;}
      .cen9>p{
          font-size: 15px !important;
      }
      .cen9>img:first-child{margin-top: 19% !important;margin-bottom: 3% !important;width: 25%;}
      .cen9>p:nth-child(2){margin-top: 3% !important;margin-bottom: 8% !important;}
      .cen9>p:last-child{margin-top: 3% !important;padding-bottom: 21% !important;}
      .cen9>img:nth-child(3){ width: 25%;}
}
      * {
        padding: 0;
        margin: 0;
      }
      .bg {
        background-color: black;
        width: 100%;
      }
      .cen {
        text-align: center;
        padding-top: 90px;
        margin-bottom: 170px;
      }
      .cen > img:last-child {
        width: 100%;
      }

      h1 {
        text-align: center;
        margin-bottom: 100px;
        font-style: "OPPOSans Bold";
        color: #d8b057;
        font-size: 50px;
      }
      .center {
        width: 1500px;
        margin: auto;
      }
      .cen2 {
        width: 970px;
        margin: auto;
      }
      .cen2 > p {
        line-height: 2;
        margin-bottom: 75px;
      }
      .cen2 > p:first-child {
        font-size: 28px;
        color: #987c3d;
        font-style: "思源宋体 CN SemiBold";
      }
      .cen2 > p:nth-child(2) {
        font-size: 24px;
        color: #d8b057;
        font-style: "OPPOSans Regular";
      }

      .cen2 > img {
        width: 100%;
        margin-top: 75px;
    margin-bottom: 200px;
      }
      .cen3 {
        width: 560px;
        margin: auto;
      }
      .cen3 > div>span {
        background-color: #a9001a;
        /* width: 50%; */
        color: azure;
        /* text-align: center; */
        font-size: 30px;
        font-style: "方正北魏楷书简体";
        border-radius: 5px;
        padding-right: 10px;
        padding-left: 10px;
      }
      .cen3>div{
          text-align: center;
          margin-top: 135px;
          margin-bottom: 35px;
        }
      .cen3 > p {
        color: #d8b057;
        font-size: 24px;
        line-height: 2;
      }
      .cen1 > img {
        text-align: center;
      }
      .cen4 {
        overflow: hidden;
        margin: auto;
        width: 850px;
        margin-bottom: 120px;
      }
      .cen4 > img {
        float: left;
        padding-right: 40px;
        width: 35%;
        padding-top: 15px;
      }
      .cen4 > div {
        width: 840px;
      }
      .cen4 > div > h2 {
        color: #d8b057;
        margin-bottom: 15px;
        font-size: 33px;
      }
      .cen4 > div > p {
        color: #d8b057;
        line-height: 1.5;
        font-size: 20px;
        text-align: justify;
      }
      .cen5 img {
        width: 15%;
        margin-right: 35px;
      }
      .cen5 h1 {
        display: inline-block;
        margin-bottom: 0;
      }
      .cen5 > div {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 100px;
      }
      .cen5 {

        margin-bottom: 100px;
      }
      .cen6 > div span {
        color: #ffffff;
        font-size: 24px;
        background-color: #a9001a;
        font-style: "方正北魏楷书简体";
        padding: 5px 15px;
        border-radius: 2px;
        height: 38px;
      }
      .cen6 > div > div:nth-child(2) {
        color: #d8b057;
        font-size: 24px;
        font-style: "OPPOSans Regular";
      }
      .cen6 > div > div:nth-child(3) > img {
        width: 125px;
        /* margin-right: 35px; */
        border-radius: 50%;
        
      }
      .cen6>div>div:nth-child(3){width: 125px;}
      .cen6>div{
        border-top: #d8b057 1px dashed;
          width: 565px;
          padding-top: 20px;
          display: flex;
          justify-content: space-between;
          padding-bottom: 30px;
      }
      .cen66{border-bottom: #d8b057 1px dashed;}
      .cen7>div>img{width: 92%;margin-bottom: 50px;}
      .cen7>div>p:nth-child(2){
          font-size: 33px;
          color: #d8b057;
          line-height: 2;
      }
      .cen7>div>p:last-child{
          font-size: 22px;
          color:#a5873d;
          line-height: 2;
          margin-bottom: 140px;
      }
      .cen7{margin-top: 40px;width: 1000px;margin: auto;display: flex;}
      /* .cen7>div:first-child{float: left;} */
      .cen8>img{width: 70%;}
      .cen8{text-align: center;}
      .cen9{text-align: center;}
      .cen9>p{
          color: #daae5c;
          font-size: 27px;
      }
      .cen9>img:first-child{margin-top: 190px;margin-bottom: 30px;}
      .cen9>p:nth-child(2){margin-top: 30px;margin-bottom: 80px;}
      .cen9>p:last-child{margin-top: 30px;padding-bottom: 210px;}
      .cen10{margin-top: 200px;}
      .xie{padding-top: 10px;}